<div *ngIf="hero">
    <h2>
        <span>{{ hero.name | titlecase }}</span> Details
    </h2>
    <div><span>id: </span>{{ hero.id }}</div>
    <div>
        <label for="name">name: </label>
        <input
            id="name"
            [(ngModel)]="hero.name"
            placeholder="name"
        />
    </div>
    <button
        type="button"
        (click)="save()"
    >
        Save
    </button>
    <button
        type="button"
        (click)="cancel()"
    >
        Cancel
    </button>
</div>
